body {
	background-image: url(../img/三体智子.jpg);
	background-color: rgba(0,0,0,0.25);
	background-position: center center;  /* 背景图垂直、水平均居中 */
	background-size: cover;
	background-repeat: no-repeat;    /* 当内容高度大于图片高度时，背景图像的位置相对于viewport固定 */
	background-attachment: fixed;  /*此条属性必须设置否则可能无效 */
	-webkit-background-size: cover;  /* 兼容Webkit内核浏览器如Chrome和Safari */
	-o-background-size: cover;  /* 兼容Opera */

	/*position:fixed;*/  /* 背景图片不随滚轮滑动而滑动 */ /*z-index:-1;*/
}

#searchDiv {
	position: relative;
	top: 5%;			/*left:5%;*/

	/*transform: translate(50%, 50%); /* 往右下偏移 */
}

.searchInput {
	width: 600px;  /* 使用em不太好控制框的大小 */
	height: 50px;
	background: rgba(0, 0, 0, 0.5);
	color: lightblue;
	font-size: 100%;  /* 字体大小 */
	outline: none;		    /* 圆角 */
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 10px;/*opacity: 0.5;*/

	/* 设置透明度，整体设置，文字也透明 */
}

input {
	outline: none;
	border: none;
}

#searchDiv:hover input {
	background: rgba(0, 0, 0, 0.25); /*opacity: 0.25;*/
}

a {
	color: rgba(233, 241, 246, 0.85);
	text-decoration: none;            /*字族*/
	font-family: STSong, 新宋体, Arial, serif;
	font-size: 25px;            /*文本水平位置: left center right*/
	text-align: center;
	font-weight: bold;
}

.searchInfo {
	border: 1px solid lightblue;  /* 用来查看div的位置 */
	floating: left;
	position: relative;
	width: 400px;
	height: 300px;
	margin: 10px;	/* 外边距 */
	padding: 5px;  /* 内边距 */
	clear: both;	/* 设置块状浮动不受其他滑块浮动的影响 */
	display: inline-grid;  /* 表的形式 */
}

.searchInfo:hover {
	transform: translate(3%, -5%);
	/* 浮动的阴影 */
	border: 1px solid lightblue;
	-webkit-box-shadow: #ccc 0 10px 10px;
	-moz-box-shadow: #ccc 0 10px 10px;
	box-shadow: lightblue 0 0 10px 10px;
	/* 第一个参数是颜色 第二个参数是阴影向右偏移的距离 第三个参数是阴影向下偏移的距离
	最后一个参数应该是阴影发散的程度  在颜色和第一个参数之间可以添加一个0px 然后就四周全有阴影*/
}

.searchInfo>div>p {
	color: rgba(255, 255, 255, 0.85);
}

.page-inner {
	padding: 14px 0 14px 140px;
}

.page-inner a {
	margin: 0 12px 0 0;
}

